<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
#d001{ width:550px;
margin:0 auto;}
#d002{width:600px;
height:10px;
}

#d002>ul{
padding: 0;
margin: 0;
}

#d002>ul>li{
 list-style: none;
float: left;
 line-height: 33px;
 text-align: center;
  display: inline-block;
 width: 75.5px;
  height: 33px;
  border: 1px solid #FFF;
 background-image: linear-gradient(0deg,#fff 0%,#fdc7c9 100%);
}

#d002 li:hover{background-image: linear-gradient(0deg,#fdc7c9 0%,#fa3d42 100%); cursor: pointer;}

#d002 li:hover>a{color: #FFFFFF;
}

a{text-decoration: none;
color: #000;
font-size: 14px;
}

a:hover{color: #fd7276}

#d003{ margin-top:10px;}
#d004{ background-color:#FFF;
width:133px; height:750px;
margin-right:5px;
float:left;
}
#d005{ width:410px; background-color:#0F0;
height:30px;
display:inline-block;}

#d006{ background-color:#03F;
width:410px;
height:30px;
float:left;}


</style>

</head>

<body bgcolor="FDDAD4">
<div id="d001">
<div><img src="2020-12-02_185752.png" /></div>
<div id="d002">
<ul>
<li><a href="0">鲜花礼品</a></li>
<li><a href="0">自助订花</a></li>
<li><a href="0">绿色植物</a></li>
<li><a href="0">花之物语</a></li>
<li><a href="0">会员中心</a></li>
<li><a href="0">联系我们</a></li>
<li><a href="0">支付方式</a></li>
</ul>
</div>
<div id="d003"><img src="../2020-12-02_193340.png" /></div>
<div id="d004">
账号：<input type="text" name="usrename" />
密码：<input type="password" name="password"/>
<h5>用途</h5>
<ul>
<li><a href="0">爱情鲜花</a></li>
<li><a href="0">生日送花</a></li>
<li><a href="0">新年鲜花</a></li>
<li><a href="0">家庭用花</a></li>
<li><a href="0">亲情用花</a></li>
<li><a href="0">道歉鲜花</a></li>
<li><a href="0">开业花篮</a></li>
<li><a href="0">会议用花</a></li>
</ul>
<h5>花材</h5>
<ul>
<li><a href="0">玫瑰花</a></li>
<li><a href="0">百合花</a></li>
<li><a href="0">郁金香</a></li>
<li><a href="0">太阳花</a></li>
<li><a href="0">康乃馨</a></li>
<li><a href="0">马蹄莲</a></li>
<li><a href="0">扶朗</a></li>
<li><a href="0">剑兰</a></li>
</ul>
<h5>价格</h5>
<ul>
<li><a href="0">100~200元</a></li>
<li><a href="0">200~300元</a></li>
<li><a href="0">300~400元</a></li>
<li><a href="0">400~500元</a></li>
<li><a href="0">500~600元</a></li>
<li><a href="0">600~800元</a></li>
<li><a href="0">800元以上</a></li>
</ul>
</div>
<div id="d005"></div>
<div id="d006"></div>
</div>
</body>
</html>
